<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/common/head.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>公告显示</title>
<link href="${resource }/css/bootstrap.css" rel="stylesheet">
<link href="${resource }/font-awesome/css/font-awesome.css?v=4.3.0"
	rel="stylesheet">
<link href="${resource }/css/animate.css" rel="stylesheet">
<link href="${resource }/css/style.css?v=2.2.0" rel="stylesheet">
<link rel="stylesheet" href="${resource }/css/notices.css" />
<link rel="stylesheet" href="${resource }/css/iconfont.css" />
</head>

<body>
	<div class="row wrapper border-bottom white-bg page-heading">
		<div class="col-sm-4">
			<h2>公告</h2>
			<ol class="breadcrumb">
				<li><a href="index.html">主页</a></li>
				<li><a href="showAllNotice.do">返回上一页</a></li>
				<li><strong>公告详情</strong></li>
			</ol>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-12">
			<div class="wrapper wrapper-content animated fadeInUp">
				<div class="ibox">
					<div id="table1" class="ibox-content">
						<h3>${notice.noticeTitle }</h3>
						<th>
						<td>最后一次更新时间:${notice.noticeDate }</td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						<td>作者:${notice.noticePerson }</td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
						<td>查看人数:${notice.readNum}</td>
						</th>
						<hr>
						<div id="table2" class="table-hover">${notice.noticeInfo }</div>
						<hr />
						<p>
							附件:<a>${notice.noticeFile }</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Mainly scripts -->
	<script src="${resource }/js/jquery-2.1.1.min.js"></script>
	<script src="${resource }/js/bootstrap.min.js?v=3.4.0"></script>
	<script src="${resource }/js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script
		src="${resource }/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="${resource }/js/hplus.js?v=2.2.0"></script>
	<script src="${resource }/js/plugins/pace/pace.min.js"></script>

	<script>
		$(document).ready(function() {

			$('#loading-example-btn').click(function() {
				btn = $(this);
				simpleLoad(btn, true)

				// Ajax example
				//                $.ajax().always(function () {
				//                    simpleLoad($(this), false)
				//                });

				simpleLoad(btn, false)
			});
		});

		function simpleLoad(btn, state) {
			if (state) {
				btn.children().addClass('fa-spin');
				btn.contents().last().replaceWith(" Loading");
			} else {
				setTimeout(function() {
					btn.children().removeClass('fa-spin');
					btn.contents().last().replaceWith(" Refresh");
				}, 2000);
			}
		}
	</script>

</body>

</html>